<template>
    <div class="sou">
        <div class="sou-one">
            <div class="sou-one-qq">
                <div class="sou-one-q">{{ info.shortName }}</div>
                <div class="sou-one-e">
                    <div class="sou-one-w">{{ info.d2CorpName }}</div>
                    <div class="sou-one-ww">
                        <div class="sou-one-ee">{{ info.d2Entstatus
                        }}</div>
                        <div class="sou-one-eee">房屋建筑业</div>
                    </div>
                </div>

            </div>
            <div class="sou-one-r">
                <div class="sou-one-rr">{{ info.d2LegalPer
                }}</div>
                <div class="sou-one-rrr">{{ info.d2Regcap }}</div>
                <div class="sou-one-rrrr">{{ info.d2Esdate
                }}</div>
            </div>
            <div class="sou-two">
                <img src="../../../assets/images/dianhua (1).png" alt="" class="sou-two-q">
                <div class="sou-two-qq">{{ info.d2Tel
                }}</div>
            </div>
            <div class="sou-two-w">
                <img src="../../../assets/images/dianhua (2).png" alt="" class="sou-two-ww">
                <div class="sou-two-www">{{ info.d2Dom }}</div>
            </div>

        </div>
        <div class="sou-three"></div>
    </div>
</template>

<script>
export default {
    name: "",
    /*1. Vue扩展 */
    extends: "", // extends和mixins都扩展逻辑，需要重点放前面
    mixins: [],
    components: {},
    /* 2. Vue数据 */
    props: {
        info: {
            type: Object,
        }

    },
    model: { prop: "", event: "" }, // model 会使用到 props
    data() {
        return {};
    },
    computed: {},
    watch: {}, // watch 监控的是 props 和 data，有必要时监控computed
    /* 3. Vue资源 */
    filters: {},
    directives: {},
    /* 4. Vue生命周期 */
    created() { },
    mounted() { },
    destroy() { },
    /* 5. Vue方法 */
    methods: {

    }
};
</script>


<style scoped lang="scss">
.sou {
    // margin-top: 20px;
    // background: #fff;
    // padding-bottom: 12px;
    .sou-one {
    

        .sou-one-qq {
            margin: 14px 0 0 8px;
            display: flex;

            .sou-one-q {
                width: 36px;
                height: 36px;
                background: #D99D9A;
                border-radius: 4px;
                font-size: 13px;
                font-family: Alibaba PuHuiTi;
                font-weight: 500;
                color: #FFFFFF;
                line-height: 17px;
                text-align: center;
            }

            .sou-one-e {
                margin-left: 6px;

                .sou-one-w {
                    font-size: 17px;
                    font-family: Alibaba PuHuiTi;
                    font-weight: 400;
                    color: #000000;
                    margin-top: -5px;
                }

                .sou-one-ww {
                    display: flex;
                    margin-top: 6px;

                    .sou-one-ee {
                    padding: 0 8px;
                        height: 20px;
                        background: rgba(227, 242, 237, 0.2);
                        border: 1px solid #3F9F71;
                        border-radius: 2px;
                        line-height: 17px;
                        text-align: center;
                        font-size: 11px;
                        font-family: Alibaba PuHuiTi;
                        font-weight: 500;
                        color: #3F9F71;
                    }

                    .sou-one-eee {
                        width: 73px;
                        height: 20px;
                        background: #E4EFFF;
                        border-radius: 2px;
                        font-size: 11px;
                        font-family: Alibaba PuHuiTi;
                        font-weight: 400;
                        color: #3282E4;
                        text-align: center;
                        line-height: 17px;
                        margin-left: 6px;
                    }
                }
            }
        }

        .sou-one-r {
            display: flex;
            margin: 7px 0 0 51px;

            .sou-one-rr {
                font-size: 13px;
                font-family: Alibaba PuHuiTi;
                font-weight: 400;
                color: #2C2C2C;
            }

            .sou-one-rrr {
                font-size: 13px;
                font-family: Alibaba PuHuiTi;
                font-weight: 400;
                color: #989898;
                margin-left: 22px;
            }

            .sou-one-rrrr {
                font-size: 13px;
                font-family: Alibaba PuHuiTi;
                font-weight: 400;
                color: #989898;
                margin-left: 20px;
            }
        }

        .sou-two {
            display: flex;
            margin: 12px 0 0 9px;
            height: 13px;
            align-items: center;

            .sou-two-q {
                width: 10px;
                height: 12px;
                line-height: 12px;
            }

            .sou-two-qq {
                font-size: 14px;
                font-family: Alibaba PuHuiTi;
                font-weight: 400;
                color: #3282E4;
                margin-left: 4px;
            }
        }

        .sou-two-w {
            display: flex;
            margin: 14px 0 0 9px;
          
            align-items: center;

            .sou-two-ww {
                width: 10px;
                height: 12px;
                line-height: 12px;
            }

            .sou-two-www {
                font-size: 14px;
                font-family: Alibaba PuHuiTi;
                font-weight: 400;
                color: #3282E4;
                margin-left: 4px;
                line-height: 16px;
            }
        }

    }

    .sou-three {
        height: 9px;
        background: #faf0f0;
        margin: 12px 0;
    }
}
</style>